.page-prodetail {
  min-height: 100%;

  .sec-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: px2rem(20px) px2rem(30px);
    background: #fff;
    a{
      display: block;
      height: px2rem(80px);
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: px2rem(30px);
      font-weight: bold;
      color: #fde4bb;
      background: #4caca2;
      border-radius: px2rem(50px);
    }
  }
}

.pro-imgs-swipe {
  width: 100%;
  height: px2rem(750px);
  overflow: hidden;
  background: #e9e9e9;
  display: flex;
  justify-content: center;
  align-items: center;
.swiper-slide{
  display: flex;
  justify-content: center;
  align-items: center;
}
  img {
    max-width: 100%;
    max-height: 100%;
  }
}

.sec-mod1 {
  padding: 0 px2rem(25px);
  height: px2rem(110px);
  color: #fff;
  background: linear-gradient(35deg, #3db4aa, #206154);
}

.pro-name {
  min-height: pxrem(100px);
  border-bottom: px2rem(16px) solid #f6f6f6;
}

.detail-cap {
  height: px2rem(38px);
  background: url("../images/spxq_cap_1.png") no-repeat top center;
  background-size: auto 100%;
  margin: px2rem(30px) auto 0;
}

.detail-con {
  font-size: px2rem(26px);
  padding: px2rem(30px) px2rem(40px) px2rem(150px);

  img {
    max-width: 100% !important;
  }
}